.tabbar_component {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 54px;
  background: rgba(85, 85, 85, 0.95);
  z-index: 1;

  ul {
    display: flex;
    align-items: center;
    height: 100%;
  }

  li {
    flex: 1;
    color: #fff;

    a {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: flex-start;
      color: #fff;
      text-decoration: none;

      i {
        font-size: 22px;
        display: block;
        margin-bottom: 5px;
      }

      span {
        font-size: 12px;
      }
    }
  }
}
